import Vue from 'vue';

const observer = new IntersectionObserver(function (enterlist, abc) {

    console.log(observer.class);

    enterlist.forEach(v => {
        if (v.isIntersecting) {
            // 添加对应class
            v.target.classList.add(observer.class)
        }
    })
})

Vue.directive('stransition', {
    bind(el, binding, vnode) {
        // 在绑定时执行的逻辑
    },
    inserted(el, binding, vnode) {


        // 在插入到父节点时执行的逻辑     将节点加入观察者
        console.log("基本信息", binding);


        el.style.animationDuration = Object.keys(binding.modifiers)[0] + "s"
        observer.class = binding.value
        observer.observe(el)


    },
    update(el, binding, vnode, oldVnode) {
        // 在组件更新时执行的逻辑
    },
    componentUpdated(el, binding, vnode, oldVnode) {
        // 在组件及其子组件被更新时执行的逻辑
    },
    unbind(el, binding, vnode) {
        // 在解绑时执行的逻辑
    }
});